.editorMaterial {
    max-height: 100%;
    overflow: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 0 0 8px;
  
    .itemBox {
      width: calc(50% - 8px / 2);
      box-sizing: border-box;
      margin-right: 8px;
   
      margin-bottom: 8px;
      cursor: pointer;
  
      &:hover {
        img {
          border: 1px solid $mainColor;
        }
      }
  
      &:nth-child(2n) {
        margin-right: 0;
      }
  
      img {
        width: 100%;
        border-radius: 8px;
        border: 1px solid $subColor;
      }
  
      .name {
          width: 100%;
          text-align: center;
          font-size: 14px;
      }
    }
  }
  